body{margin: 0PX;
padding: 0px;}
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    10px;
    height: 490px;
max-width: 100%;}

.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}



.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}

 
.titreflex{

  text-align: center;  
margin-top: 60px;
margin-left:80px;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
margin-top: 190Px;
    text-align: center; }


 h2.adresse
{color:gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 18PX;
    text-align: center;
    margin-top: 10PX;
    margin-left: 2%;

}

.titrepage h1{margin-left: 48%;
    color: rgb(179, 180, 146);
     font-size:36PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 46px;
}

.question1
{display: flex;
flex-direction: column;
width: 80%;
background-color:rgb(148, 147, 147);
margin-left: 12%;
margin-top: 5%;
border: solid 6PX;
border-style: double;
border-radius: 50PX;
border-color: white;
}
.question1 h2{color:white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 34%;
  margin-top: 50PX;
  padding-top: -50PX;
}
.question1 p{color: white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: -1%;
  margin-top: 20px;
}

.question2
{display: flex;
flex-direction: column;
width: 85%;
}
.question2 h2{width: 70%;
    color: rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 36%;
  margin-top: 50PX;
}
.question2 p{color: black;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 20%;
  margin-top: 20px;
}
.video{margin-left: 28%;}

.question3
{display: flex;
flex-direction: column;
width: 88%;
 background-color:rgb(148, 147, 147) ;

border:solid 5PX;
border-style: double;
border-radius: 50PX;
border-color: white;
margin-left: 5%;
margin-top: 40PX;
}
.question3 h2{width: 70%;
    color:white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 18%;
  margin-top: 50PX;
  text-align: center;
  padding-top: -40px;
   
}

.rdv
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 10PX;
margin-left: 47%;}
.question3 p{color: white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 1%;
  margin-top: 20px;
}

.footer
{height: 225PX;
  background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
    margin-top: 100px; }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color:white;
  margin-left: 45%;
margin-top: 9PX;
list-style: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 52%;
    margin-top: -20PX;
    list-style: none;
  }
.légales{margin-top: -50PX;}



@media screen and (min-width: 300px) and (max-width: 650px){

header
{
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    -20px;
    height: 450px;
max-width: 100%;}

.logo
{ height: 100px;
  width: 100px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-20PX ;
 margin-left: 10PX;
z-index: 2;}



.navbar-nav > li > a
{font-size:14px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 10%;
    color:grey;}

    .navbar-nav{flex-direction: column-reverse;
margin-top: -60PX;}

    .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-top: 20px;}
    .navbar-toggler-icon{color:gold;}


.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:14px;
    margin-left: -80px;
  margin-top: 175PX; }


h2.adresse
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 13PX;
    text-align: center;
  margin-top: 20px;
margin-left: -25%;}



.titrepage{margin-left: -18%;
    
     font-size:36PX;
    font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-top: -130px;
}
.question1
{display: flex;
flex-direction: column;
width: 90%;
margin-left: 5%;
}
.question1 h2{
 font-size:22PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 10%;
  margin-top: 50PX;
}
.question1 p{
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 4%;
  margin-top: 20px;
}

.question2
{display: flex;
flex-direction: column;
width: 90%;
}
.question2 h2{width: 80%;
    color: rgb(179, 180, 146);
 font-size:20PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 18%;
  margin-top: 50PX;
  text-align: center;
}
.question2 p{color: black;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 16%;
  margin-top: 20px;
}
.video{margin-left: 10%;
}

iframe{width:90%;}

.question3
{display: flex;
flex-direction: column;
width: 88%;

}
.question3 h2{width: 80%;
    color: white;
 font-size:20PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 10%;
  margin-top: 50PX;
  text-align: center;
}


.question3 p{color:white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 1%;
  margin-top: 20px;
}

.rdv
{background-color:rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 40PX;
    width: 125PX;
position: absolute;
margin-top: 20PX;
margin-left: 36%;}

.footer
{height: 200PX;
    background-color:gainsboro;
    margin-top: 100px; }

                       
.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color: white;
  margin-left: 33%;
margin-top: 20PX;}

 .politique{position: absolute;
    color: white;
    margin-left: 45%;
    margin-top: -4PX;
  }

}
 @media screen and (min-width: 651px) and (max-width: 1023px){
.titrepage h1{margin-left: 44%;
    color: rgb(179, 180, 146);
     font-size:36PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 46px;
}

.question1 h2{color:white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 22%;
  margin-top: 50PX;
  padding-top: -50PX;}
.question2 h2{text-align: center;
margin-left: 150PX;}
.video{margin-left: 80px;}

.rdv
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 40PX;
margin-left: 44%;}
.question3 p{color: white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 8%;
  margin-top: 20px;
  width: 85%;
}

.question3{margin-left: 50PX;}
}


   @media screen and (min-width: 1300PX){
  header{height: 530px;
  }

  
    

  titre flex{
    display: flex;
  justify-content: space-around; 

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight:700;
  font-style: normal;
font-size:34px;
  margin-top: 230px; 
  margin-left: 6%;
  text-align: center; 
     }


header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;
    text-align: center;
    margin-left: 8%;
    margin-top: 20px;

}

 .titrepage h1{color:rgb(181, 182, 153); 
    margin-left: 7%;
  margin-top: 20PX;
font-size: 45PX;}
.question1 h2{color:white  ;
margin-left: 40%;
margin-top: 15PX;}

.question1 p{padding-left: 30PX;
padding-right: 30PX;}


.question2 h2{color:rgb(181, 182, 153) ;
margin-left: 45%;}


.video{margin-left: 35%;}

.question3 h2{color: white;
margin-left: 15%;}

.question3 p{padding-left: 30PX;
padding-right: 30PX;}

.foot{background-color:rgb(148, 145, 145); }}

   


   @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    iframe{margin-left: 3%;}


   body{margin: 0PX;
padding: 0px;}
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    10px;
    height: 490px;
max-width: 100%;}

.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}



.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}

 
.titreflex{

  text-align: center;  
margin-top: 60px;
margin-left:80px;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
margin-top: 190Px;
    text-align: center; }


 h2.adresse
{color:gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 18PX;
    text-align: center;
    margin-top: 10PX;
    margin-left: 2%;

}

.titrepage h1{margin-left: 4%;
    color: rgb(179, 180, 146);
     font-size:36PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 46px;
}

.question1
{display: flex;
flex-direction: column;
width: 75%;
background-color:rgb(148, 147, 147);
margin-left: 14%;
margin-top: 5%;
border: solid 6PX;
border-style: double;
border-radius: 50PX;
border-color: white;
padding-left: 30PX;
padding-right: 30PX;

}
.question1 h2{color:white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 34%;
  margin-top: 30PX;
  padding-top: -100PX;
}
.question1 p{color: white;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: -1%;
  margin-top: 20px;
}

.question2
{display: flex;
flex-direction: column;
width: 85%;
}
.question2 h2{width: 70%;
    color: rgb(179, 180, 146);
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-left: 38%;
  margin-top: 50PX;
}
.question2 p{color: black;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-left: 20%;
  margin-top: 20px;
}
.video{margin-left: 28%;}

.question3
{display: flex;
flex-direction: column;
width: 70%;
 background-color:rgb(148, 147, 147) ;
border:solid 5PX;
border-style: double;
border-radius: 50PX;
border-color: white;
margin-left: 15%;
margin-top: 40PX;
}
.question3 h2{width: 70%;
    color:white;
 font-size:26PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 18%;
  margin-top: 30PX;
  text-align: center;
  padding-top: -40px;
   
}

.rdv
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 10PX;
margin-left: 47%;} 
  }